 <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" ><![endif]-->
<!--[if gt IE 8]><!--<html class="no-js" ><!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PetPlanet - Home page</title>
<!-- Fogli di stile -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="assets/plugins/fancybox/jquery.fancybox.css">
<link rel="stylesheet" href="assets/plugins/flexslider/flexslider.css">
<!-- <link rel="stylesheet" href="assets/css/personal.css">-->
 <link rel="stylesheet" href="assets/css/stili-custom.css">
<!-- Modernizr -->
<script src="assets/js/modernizr.custom.js"></script>
<!-- respond.js per IE8 -->
<!--[if lt IE 9]>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
 <link rel="icon" href="assets/img/pp.jpg" type="image/x-icon">
</head>
<body>
	
	
	
	
	
	<div class="row">
	
		<div class="col-sm-12 col-md-12">
		<div class="container">
			<div class="logo">
				<img data-src="holder.js/100%x280" src="assets/img/logo1.jpg" >
			</div>
	      </div>
	  </div>
	</div>
	
	<header>
	<div class="container">
	<nav class="navbar navbar-default">
	
	 <div class="collapse navbar-collapse navbar-responsive-collapse">
	   <ul class="nav navbar-nav">
	   	<li> <a href="home.html">Home</a>
	    <li class="dropdown">
	    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Offerte <span class="caret"></span></a>
	     <ul class="dropdown-menu">
	      <li><a href="offerte-arrivo.html">Offerte in arrivo</a></li>
	      <li><a href="offerte-mese.html">Offerte del mese</a></li>
	     </ul>
	    </li>
	    <li class="dropdown">
	    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Animali<span class="caret"></span></a>
	     <ul class="dropdown-menu">
	      <li><a href="conigli.html">Conigli</a></li>
	      <li><a href="criceti.html">Criceti</a></li>
	      <li><a href="pesci.html">Pesci</a></li>
	     </ul>
	    </li>
	    <li class="dropdown">
	    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Consigli<span class="caret"></span></a>
	     <ul class="dropdown-menu">
	      <li><a href="conisgli-pesci.html">Consigli per Conigli</a></li>
	      <li><a href="consigli-criceti.html">Consigli per pesci</a></li>
	      <li><a href="consigli-pesci.html">Consigli per Pesci</a></li>
	     </ul>
	    </li>
	    <li><a href="marchi.html">Marchi</a></li>
	    <li><a href="contatti-form-standard.html">Chi siamo/Dove siamo</a></li>
	   </ul>
	   <div id="acces">	
							<div class="btn-group" role="group" aria-label="...">
					  			<button type="button" class="btn btn-lg" onclick="resizeText(-1)"  style="background: #e7e7e7; color:#4C4D8F; font-size:x-large;">-</button>
								<button type="button" class="btn btn-lg" disabled="disabled" style="background: #e7e7e7; color:#4C4D8F;  font-size:x-large;">A</button>
					  			<button type="button" class="btn btn-lg" onclick="resizeText(1)"  style="background: #e7e7e7; color:#4C4D8F;  font-size:x-large;">+</button>
							</div>
						</div>
	 </div><!-- /.nav-collapse -->
		
	</nav><!-- /.navbar -->
	</div>
	</header><!-- /header -->
	<!-- Contenuti (griglia)-->
	<div class="container">
		<!-- <section id="accessibilità">
			<div class="row">
				<div class="col-sm-9">
					<div id="percorso">
						<ol class="breadcrumb">
					  		<li><a href="home.html">Home</a></li>
						</ol>
					</div>
				</div>
				<!-- <div class="col-sm-3">
					<div id="acces">	
							<div class="btn-group" role="group" aria-label="...">
					  			<button type="button" class="btn btn-lg" onclick="resizeText(-1)">-</button>
								<button type="button" class="btn btn-lg" disabled="disabled" style="background: #fcfcfc;"><p style="background: #fcfcfc;">A</p></button>
					  			<button type="button" class="btn btn-lg" onclick="resizeText(1)">+</button>
							</div>
						</div>
				 </div>	
			</div>
	</section> -->
	
	<!-- Lead presentazione -->
	
	
	
	<section id="presentazione">
	<div class="row">
	<div class="col-sm-12">
	<header class="header-sezione">
	 <h2 class="text-center">Benvenuti in PetPlanet</h2>
	 </header>

			<!-- Sezione slider con Flexslider -->
			 <div class="row">
			<div class="col-sm-12">
			 <div id="main-slider" class="flexslider">
			  <ul class="slides">
			   <li>
			   <img src="assets/img/insegna.jpg">
			   <div class="flex-caption">
			   <p class="flex-caption-text">
			   </p>
			   </div>
			   </li>
			   <li>
			   <img src="assets/img/negozio1.jpg">
			   <div class="flex-caption">
			   <p class="flex-caption-text">
			   </p>
			   </div>
			   </li>
			   <li>
			   <img src="assets/img/negozio3.jpg">
			   <div class="flex-caption">
			   <p class="flex-caption-text">
			   </p>
			   </div>
			   </li>
			  </ul>
			 </div><!-- /.flexslider -->
			</div><!-- /.col-sm-12 -->
			</div><!-- /.row --> 
	 <p>Informazioni basilari e accattivanti che mirano a colpire l'attenzione del cliente. Insieme di immagini e foto scelte opportunamente al fine di far comprendere anche intuitivamente all'utente quella che è l'attività.
	 </p>
	
	 </div><!-- /.col-sm-12 -->
	</div><!-- /.row -->
	</section><!-- /section presentazione -->
	
	
	
	
	<!-- Progetti in evidenza -->
	<header class="header-sezione">
	 <h2>Offerte della settimana</h2>
	</header>
	
	<section id="lancio-progetti" style="margin-top: 15px">
	<div class="row">
	<div class="col-sm-4">
	 <div class="box-progetto">
	  <h3 style="color: #dcc466;">Assolutamente da non perdere!!</h3>
	  <p class="text-center"><img src="assets/img/offerta.jpg" class="img-thumbnail img-responsive"></p>
	  <p style="color:#fff;">Acquistando due sacchi da 12kg, -20% sul secondo a scelta</p>
	 </div>
	</div><!-- /.col-sm-4 -->
	<div class="col-sm-4">
	 <div class="box-progetto">
	  <h3 style="color: #dcc466;">Assolutamente da non perdere!!</h3>
	  <p class="text-center"><img src="assets/img/offerta.jpg" class="img-thumbnail img-responsive"></p>
	  <p style="color:#fff;">Acquistando due sacchi da 12kg, -20% sul secondo a scelta</p>
	 </div>
	</div><!-- /.col-sm-4 -->
	<div class="col-sm-4">
	 <div class="box-progetto">
	  <h3 style="color: #dcc466;">Assolutamente da non perdere!!</h3>
	  <p class="text-center"><img src="assets/img/offerta.jpg" class="img-thumbnail img-responsive"></p>
	  <p style="color:#fff;">Acquistando due sacchi da 12kg, -20% sul secondo a scelta</p>
	 </div>
	</div><!-- /.col-sm-4 -->
	</div><!-- /.row -->
	</section><!-- /section lancio progetti-->
	
	
	</div><!-- /.container -->
	
	
	
	<!-- Footer -->
	<footer>
	<section id="footer-navigazione">
	<div class="row">
	
	<div class="col-sm-4">
	 <h3>Contatti</h3>
	 <address>
	  <strong>FakeBoot, Inc.</strong><br>
	  Via dei Cavalieri, 600<br>
	  Roma, 00100, Italy<br>
	  Telefono/fax: 123 456-7890
	 </address>
	 <address>
	  <strong>E-mail</strong><br>
	  <a href="mailto:#">info@fakeboot.com</a>
	 </address>
	 <a href="https://www.facebook.com/pages/Pet-Planet/136138436543758?sk=timeline">
	 <img alt="facebook" src="assets/img/seguici-facebook.png" style="margin-bottom: 12px;">
	 </a>
	</div>
	</div>
	</section>
	<section id="footer-copy">
	<div class="row">
	<div class="col-sm-12">
	 <p class="right">design by Dante Casalena &middot; <a href="#">Privacy</a></p>
	</div>
	</div>
	</section>
	</footer>
	
	<!-- jQuery e plugin JavaScript  -->
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/plugins/flexslider/jquery.flexslider.js"></script>
	<script src="assets/plugins/fancybox/jquery.fancybox.pack.js"></script>
	<script src="assets/js/scripts.js"></script>
	<script src="assets/js/setFont.js">
	
	</script>
</body>
</html>